<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Title</title>
    <script src="../../assets/js/flex.js"></script>

    <link rel="stylesheet" href="../../assets/mui-master/dist/css/mui.min.css">
    <link rel="stylesheet" href="../main.css">

</head>
<body>
<div class="createuser">
    <header class="mui-bar mui-bar-nav mui-bar-transparent">
        <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
    </header>
    <div class="create-box">
        <div class="create-img">
            <img src="../../assets/img/coffer/qianbao.png" alt="">
            <p>创建身份</p>
        </div>
        <form class="mui-input-group">
            <div class="mui-input-row">

                <input type="text" class="mui-input-clear" placeholder="身份名">
            </div>
            <div class="mui-input-row">
                <input type="password" class="coffer-pwd" placeholder="密码">
            </div>
            <div class="mui-input-row">
                <input type="password" placeholder="重复输入密码">
                <span class="pwd-icon">
                    <img src="../../assets/img/closeeyes.png" alt="" class="pwd-close-icon">
                </span>
            </div>
            <div class="mui-input-row">

                <input type="text" class="mui-input-clear" placeholder="密码提示信息">
            </div>
            <button class="create">创建</button>
        </form>
    </div>
</div>
<!--弹窗-->
<div class=" mui-backdrop popup-hide">
    <div class="create-popup">
        <h1 class="create-popup-tit">使用条款<a href="javascript:void(0)" class="mui-icon mui-icon-navigate"></a></h1>
        <div class="create-content">
            <p class="content-tit">imToken服务协议</p>
            <p class="create-updatetime">最近更新于:
                <time>2018年10月24日</time>
            </p>
            <p class="create-updatetime">尊敬的用户:</p>
            <p class="create-content-text">
                感谢您选择imToken服务。阿达大所大打算打打阿萨德阿萨德阿萨德阿达大啊是大V等你深V打打把手改过和大V和AVD阿达吧嗒吧嗒加大进口和大把看到嘉禾街道卡黑板上接口感谢您选择imToken服务。阿达大所大所大大所大大打算打打阿萨德阿萨德阿萨德阿达大啊是大V等你深V打打把手改过和大V和AVD阿达吧嗒吧嗒加大进口和大把看到嘉禾街道卡黑板上接口达大所大所大大所大大打算打打阿萨德阿萨德阿萨德阿达大啊是大V等你深V打打把手改过和大V和AVD大所大所大大所大大打算打打阿萨德阿萨德阿萨德阿达大啊是大V等你深V打打把手改过和大V和AVD大所大所大大所大大打算打打阿萨德阿萨德阿萨德阿达大啊是大V等你深V打打把手改过和大V和AVD大所大所大大所大大打算打打阿萨德阿萨德阿萨德阿达大啊是大V等你深V打打把手改过和大V和AVD阿达吧嗒吧嗒加大进口和大把看到嘉禾街道卡黑板上接口感谢您选择imToken服务。阿达大所大所大大所大大打算打打阿萨德阿萨德阿萨德阿达大啊是大V等你深V打打把手改过和大V和AVD阿达吧嗒吧嗒加大进口和大把看到嘉禾街道卡黑板上接口
            </p>

        </div>
        <div class="mui-input-row mui-radio mui-left create-radio">
             <span class="create-icon" >
                <img src="../../assets/img/click.png" alt="" >
            </span>
            <label>我已仔细阅读并同意以上条款以及<br><p>Cookies&nbsp;的使用声明</p></label>

        </div>
        <button class="create-next" disabled>继续</button>
    </div>
</div>


<script src="../../assets/mui-master/dist/js/mui.min.js"></script>
<script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.js"></script>
<script>
     $(function () {
    //     //页面打开加载弹出层
    //     $(document).ready(function () {
    //         setTimeout(function () {
    //             $(".popup-hide").css({"opacity": "1", "z-index": "999"})
    //         }, 1000);
    //     });
    //
    //     //点击继续后关闭
    //     $(".create-next").click(function () {
    //         $(".popup-hide").css({"opacity": "0", "z-index": "-999"})
    //     })
    //
        //点击radio切换或隐藏disabled
        $("#createradio").click(function () {
            //alert(this.checked);
            //
            var $radio = $(this);
            // if this was previously checked
            if ($radio.data('waschecked') == true) {
                $radio.prop('checked', false);
                $radio.data('waschecked', false);
                $(".create-next").attr("disabled", true)
            } else {
                $radio.prop('checked', true);
                $radio.data('waschecked', true);
                $(".create-next").removeAttr("disabled")
            }
        });
    //     $(".coffer-pwd").click(function () {
    //         $(".pwd-popup").css({"opacity": "1", "z-index": "33"})
    //     })
     })

</script>

</body>
</html>